<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <!-- 无序列表、有序列表、自定义列表-->
<body>
    <!-- 无序列表: ul包含li，type属性：disc实心圆（默认），circle空心圆，square实心方块 -->
    <h3>无序列表</h3>
    <ul type="disc">
        <li>第一列</li>
        <li type="square">第二列</li>
        <li type="circle">第三列</li>
    </ul>

    <!-- 有序列表: ol包含li, type属性 a表示小写英文字母编号，A 表示大写英文字母编号，i表示小写罗马数字编号，
                    I表示大写罗马数字编号，1表示数字编号（默认）-->
    <h3>有序列表</h3>
    <ol>
        <li type="a">第一列</li>
        <li type="i">第二列</li>
        <li type="4">第三列</li>
    </ol>

    <!-- 自定义列表 -->
    <h3>自定义列表</h3>
    <dl>
        <dt>小标题</dt>
        <dd>第一列</dd>
        <dd>第二列</dd>
        <dd>第三列</dd>
    </dl>
</body>
</html>